<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/bootstrap/bootstrap.min.css" />

		<link rel="stylesheet" type="text/css" href="../css/bootstrap/index.css" />
		<script src="../js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 配置文件 -->  
		
		 <style>
    	.pagination {
		  display: inline-block;
		  padding-left: 0;
		  margin: 20px 0;
		  border-radius: 4px;
		}
		.pagination > li {
		  display: inline;
		}
		.pagination > li > a,
		.pagination > li > span {
		  position: relative;
		  float: left;
		  padding: 6px 12px;
		  margin-left: -1px;
		  line-height: 1.42857143;
		  color: #337ab7;
		  text-decoration: none;
		  background-color: #fff;
		  border: 1px solid #ddd;
		}
		.pagination > li:first-child > a,
		.pagination > li:first-child > span {
		  margin-left: 0;
		  border-top-left-radius: 4px;
		  border-bottom-left-radius: 4px;
		}
		.pagination > li:last-child > a,
		.pagination > li:last-child > span {
		  border-top-right-radius: 4px;
		  border-bottom-right-radius: 4px;
		}
		.pagination > li > a:hover,
		.pagination > li > span:hover,
		.pagination > li > a:focus,
		.pagination > li > span:focus {
		  z-index: 2;
		  color: #23527c;
		  background-color: #eee;
		  border-color: #ddd;
		}
		.pagination > .active > a,
		.pagination > .active > span,
		.pagination > .active > a:hover,
		.pagination > .active > span:hover,
		.pagination > .active > a:focus,
		.pagination > .active > span:focus {
		  z-index: 3;
		  color: #fff;
		  cursor: default;
		  background-color: #337ab7;
		  border-color: #337ab7;
		}
		.pagination > .disabled > span,
		.pagination > .disabled > span:hover,
		.pagination > .disabled > span:focus,
		.pagination > .disabled > a,
		.pagination > .disabled > a:hover,
		.pagination > .disabled > a:focus {
		  color: #777;
		  cursor: not-allowed;
		  background-color: #fff;
		  border-color: #ddd;
		}
		.pagination-lg > li > a,
		.pagination-lg > li > span {
		  padding: 10px 16px;
		  font-size: 18px;
		  line-height: 1.3333333;
		}
		.pagination-lg > li:first-child > a,
		.pagination-lg > li:first-child > span {
		  border-top-left-radius: 6px;
		  border-bottom-left-radius: 6px;
		}
		.pagination-lg > li:last-child > a,
		.pagination-lg > li:last-child > span {
		  border-top-right-radius: 6px;
		  border-bottom-right-radius: 6px;
		}
		.pagination-sm > li > a,
		.pagination-sm > li > span {
		  padding: 5px 10px;
		  font-size: 12px;
		  line-height: 1.5;
		}
		.pagination-sm > li:first-child > a,
		.pagination-sm > li:first-child > span {
		  border-top-left-radius: 3px;
		  border-bottom-left-radius: 3px;
		}
		.pagination-sm > li:last-child > a,
		.pagination-sm > li:last-child > span {
		  border-top-right-radius: 3px;
		  border-bottom-right-radius: 3px;
		}
    </style>
		
		<script type="text/javascript">
		$(document).ready(function() {
			var wH = window.innerHeight;
			$('.wrap').height(wH)

			function anchorClick(link) {
				var linkSplit = link.split('/').pop();
				console.log(linkSplit)
				$.get('/view/html/' + linkSplit, function(data) {
					$('#right-side-box').html(data);
					var temScript =  document.createElement('script');
					setTimeout(function(){
						console.log($('#right-side-box').children())
						//加载位置
						if($('#right-side-box').children()[0].id == 'admin'){
							temScript.src = "src/main/webapp/js/bootstrap/test.js";
						}
						$('#right-side-box')[0].appendChild(temScript);
					},0)
					
					
					
				});
			}

			$('.wrap').on('click', 'a', function(e) {
				if(e.target.className === 'history') {
					//						alert('yes')
//					window.history.pushState(null, null, $(this).attr('href'));
					anchorClick($(this).attr('href'));
					e.preventDefault();
				}
			});

//			window.addEventListener('popstate', function(e) {
//				anchorClick(location.pathname);
//			});
		});
		</script>
	</head>

	<body>
		<!--header-->
				<div class="top-nav">
			<div class="container-fluid clearfix">
				<div class="topNav-l fl">
					EC后台管理平台
				</div>
				<div class="login-info fr">
					<div class="islogined">
						<button class="exit_btn" onclick="outLogin();">回到登录界面</button>
						<button class="exit_btn" onclick="outHome();">退出</button>
					</div>
				</div>
				<!--<div class="navbar-header fl">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-6" aria-expanded="false">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
				        </button>
					<a class="navbar-brand" href="#">Brand</a>
				</div>-->

				<!--<div class="collapse navbar-collapse fl" id="bs-example-navbar-collapse-6">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="#">Home</a>
						</li>
						<li>
							<a href="#">Link</a>
						</li>
						<li>
							<a href="#">Link</a>
						</li>
					</ul>
				</div>-->
				

				<!-- /.navbar-collapse -->
				<!--<div class="dropdown fr">
					<a id="drop5" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
						Dropdown
						<span class="caret"></span>
					</a>
					<ul id="menu2" class="dropdown-menu" aria-labelledby="drop5">
						<li>
							<a href="#">Action</a>
						</li>
						<li>
							<a href="#">Another action</a>
						</li>
						<li>
							<a href="#">Something else here</a>
						</li>
						<li role="separator" class="divider"></li>
						<li>
							<a href="#">Separated link</a>
						</li>
					</ul>
				</div>-->
			</div>
		</div>
		<!--内容-->
		<div class="wrap clearfix">
			<!--左边栏-->
			<div id="left-nav" class="fl">
				<ul>
					<!-- 菜单开始 -->
					<li class="ls-navli db-menu">
						<i class="glyphicon glyphicon-bitcoin"></i>
						<span>系统管理</span>
						<div class="menu-icon">
							<i class="glyphicon glyphicon-menu-up"></i>
							<i class="glyphicon glyphicon-menu-right"></i>
						</div>
					</li>
					<div class="db-menubox">
						<ul>
							<li class="db-menuLi "><a class='history' href="/view/admin.html"><i class="glyphicon glyphicon-bitcoin"></i>管理用户管理</a></li>
							<li class="db-menuLi "><a class='history' href="/view/notice.html"><i class="glyphicon glyphicon-bitcoin"></i>预警信息列表</a></li>
							<li class="db-menuLi "><a class='history' href="/view/adminrecord.html"><i class="glyphicon glyphicon-bitcoin"></i>管理员操作记录</a></li>
						</ul>
					</div>
					<!-- 菜单结束 -->
					<li class="ls-navli db-menu">
						<i class="glyphicon glyphicon-bitcoin"></i>
						<span>会员管理</span>
						<div class="menu-icon">
							<i class="glyphicon glyphicon-menu-up"></i>
							<i class="glyphicon glyphicon-menu-right"></i>
						</div>
					</li>
					<div class="db-menubox">
						<ul>
							<li class="db-menuLi "><a class='history' href="/view/user.html"><i class="glyphicon glyphicon-bitcoin"></i>会员管理</a></li>
							<li class="db-menuLi "><a class='history' href="/view/businesscard.html"><i class="glyphicon glyphicon-bitcoin"></i>名片管理</a></li>
						</ul>
					</div>
						<!-- 菜单结束 -->
					<li class="ls-navli db-menu">
						<i class="glyphicon glyphicon-bitcoin"></i>
						<span>转账管理</span>
						<div class="menu-icon">
							<i class="glyphicon glyphicon-menu-up"></i>
							<i class="glyphicon glyphicon-menu-right"></i>
						</div>
					</li>
					<div class="db-menubox">
						<ul>
							<li class="db-menuLi "><a class='history' href="/view/bill.html"><i class="glyphicon glyphicon-bitcoin"></i>转账记录列表</a></li>
						</ul>
					</div>
							<!-- 菜单结束 -->
					<li class="ls-navli db-menu">
						<i class="glyphicon glyphicon-bitcoin"></i>
						<span>反馈管理</span>
						<div class="menu-icon">
							<i class="glyphicon glyphicon-menu-up"></i>
							<i class="glyphicon glyphicon-menu-right"></i>
						</div>
					</li>
					<div class="db-menubox">
						<ul>
							<li class="db-menuLi "><a class='history' href="/view/feeds.html"><i class="glyphicon glyphicon-bitcoin"></i>反馈列表</a></li>
						</ul>
					</div>
							<!-- 菜单结束 -->
					<li class="ls-navli db-menu">
						<i class="glyphicon glyphicon-bitcoin"></i>
						<span>咨讯管理</span>
						<div class="menu-icon">
							<i class="glyphicon glyphicon-menu-up"></i>
							<i class="glyphicon glyphicon-menu-right"></i>
						</div>
					</li>
					<div class="db-menubox">
						<ul>
							<li class="db-menuLi "><a class='history' href="/view/news.html"><i class="glyphicon glyphicon-bitcoin"></i>咨讯列表</a></li>
						</ul>
					</div>
					
					<li class="ls-navli db-menu">
						<i class="glyphicon glyphicon-bitcoin"></i>
						<span>币种管理</span>
						<div class="menu-icon">
							<i class="glyphicon glyphicon-menu-up"></i>
							<i class="glyphicon glyphicon-menu-right"></i>
						</div>
					</li>
					<div class="db-menubox">
						<ul>
							<li class="db-menuLi "><a class='history' href="/view/price.html"><i class="glyphicon glyphicon-bitcoin"></i>币种情况</a></li>
							<li class="db-menuLi "><a class='history' href="/view/param.html"><i class="glyphicon glyphicon-bitcoin"></i>Ec币管理列表</a></li>
							<li class="db-menuLi "><a class='history' href="/view/coin.html"><i class="glyphicon glyphicon-bitcoin"></i>币种管理列表</a></li>
						</ul>
					</div>
				</ul>
			</div>
			<!--右边内容-->
			<div id="right-side" class="fl">
			
			<!--导航位置-->
				<div class="pagePosition">
					<span>首页</span><span>当前位置</span>
				</div>
				<div id="right-side-box">
						
				</div>
			</div>
			<!--footer-->
			<div class="footer"></div>
		</div>
		
	</body>

		<script type="text/javascript">
		$('.ls-navli').on('click', function() {
			$('.db-menubox').stop().fadeOut();
			$('.ls-navli').not(this).stop().removeClass('active');
			$(this).stop().toggleClass('active')
		})

		//二级菜单
		$('.db-menu').on('click', function() {
			$(this).next('.db-menubox').stop().toggle();
//			$(this).next('.db-menubox').stop().toggleClass('active')
		})
		$('.db-menubox').on('click', '.db-menuLi', function() {
			$('.db-menuLi').removeClass('active');
			$(this).addClass('active')
		})
		
		//登出系统
		function outHome(){
			$.ajax({  
			    type:'post',    
			    url:'/Login/loginOut.do',  
			    data:null,  
			    cache:false,  
			    dataType:'json',  
			    success:function(data){  
			    	alert(data.msg);
			    	window.location="/view/login.html";
			    }  
			  });
			
		}
		
		function outLogin(){
			window.location="/view/login.html";
		}
	</script>

</html>